.gallery-placeholder{ width: 100%; }

@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
    url('../fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
    url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
    url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
    url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.cms-home .page-main { 
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body{
    font-family: 'Lato', sans-serif;
    color: #212121;
    /* color: blue; */
    /*background: #ccc;*/
}

/* .cms-home-new .page-main {  */
/* max-width: 100% !important; */
/* padding-left: 0 !important; */
/* padding-right: 0 !important; */
/* } */

a{
    color: #212121;  
    font-size: 14px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
a:hover, a:focus{ 
    text-decoration: none; 
    outline: none;
    color: #4ccfa1 !important;
}
input.form-control:focus{ 
    box-shadow: none; 
}
p{
    font-size: 15px;
}

h1{
    font-size: 32px;
}

/*h2{
color: #19449c; 
font-size: 3rem;
}*/ /*Matthieu - 12.37 04/08/2021*/

h1, h2, h3, h4{	/*Matthieu - 12.26 04/08/2021*/
    color: #19449c; 
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-bottom: .8em;
}
ul li{
    list-style: none;
}
button{
    outline: none !important;
}
@media(min-width: 1366px){
    .container-lg{
    /* max-width: 1600px !important; */ /*Matthieu - 11.06 08/04/2021 */
    width: 100% !important;
}
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400; 
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
}
.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400; 
}
.fa {
    font-family: 'FontAwesome';
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
    url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
    url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
    url("../webfonts/fa-regular-400.woff2") format("woff2"), 
    url("../webfonts/fa-regular-400.woff") format("woff"), 
    url("../webfonts/fa-regular-400.ttf") format("truetype"), 
    url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
    url("../webfonts/fa-solid-900.woff2") format("woff2"), 
    url("../webfonts/fa-solid-900.woff") format("woff"), 
    url("../webfonts/fa-solid-900.ttf") format("truetype"), 
    url("../webfonts/fa-regular-900.svg#fontawesome") format("svg"); 
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }


.theme_btn {
    background-color: #29d0a1;
    font-weight: bold;
    font-size: 18px;
    color: #212121;
    padding: 7px 30px;
}
.theme_heading {
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 20px;
}
.section_padding {
    padding: 60px 140px;
}
.bg_grey{
    background: #f6f6f6;
}
.bg_green{
    background: #29cfa1;
}
/*.present_heading {
width: 47%;
margin: 0 auto;
}*/
.cms-home .page-main{
    max-width: 100%;
    padding-left: unset;
    padding-right: unset;
}




/*top-navigation menu starts*/




/*top-navigation menu stops*/





/*top-header starts*/
.navbar, .nav-link{
    padding: unset;
}
/* .page-header .panel.wrapper { */
/* background-color: #4dd0a2 !important; */
/* } */

.page-header .panel.wrapper {
    background-color: #4dd0a2 !important;
}

.panel.header {
    padding: 5px 20px !important;
}
.panel.wrapper .left-ul li, .right-ul li{
    padding: 0px 15px;
    position: relative;
    margin: 0;
}
.panel.wrapper .left-ul li:first-child {
    padding-left: unset;
}
.panel.wrapper .left-ul li::after {
    position: absolute;
    content: '|';
    /* color: #212121; */
    color: #4dd0a2;
    right: 0;
    font-size: 13px;
}
.panel.wrapper .left-ul li:last-child::after{
    content: '';
}
.panel.wrapper li a, .panel.wrapper li a:hover{
    color: #fff !important;   
}
.search span {
    right: 12px;
    color: #494949;
    top: 5px;
    font-size: 13px;
}
.search input{
    background: rgb(255 255 255 / 42%);
    border: unset;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 30px 5px 10px;    
    height: 28px;
    font-size: 25px;
}
.search input:focus{
    box-shadow: unset;
    background: #fff;
}
.panel.wrapper .right-ul li a {
    color: #212121 !important;
    font-weight: 600;
}
.panel.wrapper .right-ul li a i {
    color: #fff;
    margin-right: 5px;
}
.page-header .panel.header {
    /*display: flex;
    width: 1280px;
    justify-content: space-between;*/
    max-width: 1280px;
}
.custom-menu-right {
    display: flex;
    width: 50%;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    padding-right: 50px;
}
.custom-menu-right li {
    list-style-type: none;
    padding: 0px 10px 0px 30px;
    position: relative;
}
.custom-menu-right li a:before {
    content: '\f007';
    position: absolute;
    left: 12px;
    font-family: 'Font Awesome 5 Free';
    top: -2px;
    font-size: 14px;
    color: #fff;
}
.navbar.custom-navbar {
    display: flex;
    width: 50%;
}
/* .block-search .action.search:before{ */
/* color: #000000; */
/* } */
/* .block-search .action.search:before { font-size: 18px !important; color: #000 !important } */
/* .block-search .label:before { color: #000; } */
/* .block-search .action.search { top: -2px !important; } */
/* .block-search .action.search.disabled,  */
/* .block-search .action.search[disabled] { opacity: 1 !important; } */

.minicart-wrapper .action.showcart:before {
    font-size: 16px !important;
    color: #ffffff !important;
}
.minicart-wrapper .action.showcart span{
    top: 7px;
    color: #212121;
    clip: unset !important;
    overflow: unset !important;
    right: -7px;
}
.minicart-wrapper .action.showcart span:hover{
    color: #fff;
}
.panel.wrapper .custom-menu-right a {
    color: #212121 !important;
}
.minicart-wrapper .action.showcart .counter-label {
    display: none;
}
.minicart-wrapper .action.showcart .counter-number {
    text-shadow: none;
}
.minicart-wrapper .action.showcart .counter.qty {
    border-radius: 100px;
    background: #fff;
    height: 20px;
    line-height: 20px;
}
/*main-header starts*/
/* .header.content, .sections.nav-sections { */
/* display: none; */
/* } */
.main-header {
    padding: 20px 10px;
}
.header-menu a.navbar-brand { padding: 0; }
a.navbar-brand img {
    width: 286px;
    height: auto;
}
.custom-header-menu.navbar-nav li {
    padding: 0px 30px;
    margin: unset;
    align-items: center;
    display: flex;
    height: 32px;
}
.custom-header-menu.navbar-nav li:last-child{
    padding-right: unset;
}
.custom-header-menu.navbar-nav li a {
    font-size: 15px;
    color: #212121;
    display: block;
    line-height: 32px;
    position: relative;
}
.custom-header-menu.navbar-nav li .dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 2px;
}
.lined-btn {
    display: block;
    border: 2px solid #4dd0a2;
    border-radius: 5px;
    padding: 3px 12px;
}
.dropdown-toggle::after{
    content: '\f107';
    font-family: FontAwesome;
    vertical-align: 0px;
    border-top: unset;
    border-right: unset; 
    border-left: unset;
    color: #4dd0a2;
    font-weight: bold;
}
/*footer starts*/
.page-footer {
    background: #212121 !important;
    color: #fff;
}
.copyright {
    background-color: unset;
    font-size: 16px;
}
.custom-footer-links {
    padding-bottom: 50px;
}
.footer.content {
    padding: 100px 0px 50px;
}
.custom-footer-links h3 {
    color: #42d0a1;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 18px;
}

.custom-footer-links p a { color: #fff; }
.custom-footer-links ul li {
    font-size: 14px;
    padding: 5px 0px;
}
.custom-footer-links ul li a {
    color: #fff;
    text-decoration: unset;
    font-size: 15px;
}
/*ad banner starts*/
.ad_banner {
    padding: 80px 0px 0px;
}
/*home banner starts*/
/* .header_banner{ */
/* background-image: url(http://localhost/magento2/pub/media/wysiwyg/banner.png); */
/* background-position: bottom; */
/* height: 600px; */
/* position: relative; */
/* display: flex; */
/* flex-direction: column; */
/* align-items: center; */
/* justify-content: center; */
/* } */
/*.banner_content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
position: absolute;
width: 40%;
height: 100%;
text-align: left;
color: #fff;
padding: 0 0 0 10%;
}*/
.banner_content p {
    font-size: 18px;
    line-height: 30px;
}
.banner_content button {
    margin-top: 20px;
}

.home-mainbanner-box {
    position: relative;
}

.homebanner-content {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}

.homebanner-content-inner {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 40%;
    left: 60%;
    padding: 0 40px;
}

.homebanner-content h3 {
    color: #333;
    font-size: 42px;
    line-height: normal;
    margin: 0 0 20px;
}

.homebanner-content p {
    color: #000;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 30px;
}

.homebanner-content .get-quote-btn {
    background: #29d0a1;
    display: inline-block;
    padding: 0 30px;
    border-radius: 6px;
    line-height: 58px;
    color: #212121;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}
.homebanner-content .get-quote-btn:hover {
    background: #fff;
}

.home-print-box {
    max-width: 1460px;
    margin: 0 auto;
    padding: 100px 20px 115px;
    display: flex;
}

.home-print-box .home-print-left,
.home-print-box .home-print-right {
    width: 50%;
}

.home-print-box .home-print-left {
    padding-right: 20px;
}
.home-print-box .home-print-right {
    padding-left: 20px;
}

.home-print-box .home-print-left img,
.home-print-box .home-print-right img {
    float: left;
    margin: 0 25px 0 0;
}

.home-print-box h3 {
    color: #212121;
    font-size: 30px;
    line-height: normal;
    margin: 0 0 14px;
}

.home-print-box p {
    color: #212121;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 20px;
}

.home-our-box01 {
    width: 100%;
    padding: 90px 20px;
    background: #f6f6f6;
}

.home-our-box011 {
    max-width: 830px;
    text-align: center;
    margin: 0 auto;
}

.home-our-box011 h3 {
    color: #212121;
    font-size: 30px;
    line-height: normal;
    margin: 0 0 14px;
}

.home-our-box011 p {
    color: #212121;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 20px;
}

.home-our-box012 {
    max-width: 1460px;
    margin: 0 auto;
    padding: 60px 0 0;
    display: flex;
}

.home-our-box012 .home-instant-left,
.home-our-box012 .home-instant-right {
    width: 50%;
}

.home-our-box012 .home-instant-left {
    padding-right: 20px;
}
.home-our-box012 .home-instant-right {
    padding-left: 20px;
}

.home-our-box012 .home-instant-left img,
.home-our-box012 .home-instant-right img {
    display: inline-block;
    margin: 0 25px 0 0;
}

.home-our-box012 .instant-box01 {
    width: calc(100% - 120px);
    display: inline-block;
    vertical-align: top;
}

.instant-box01 .click-here-btn {
    font-family: 'latosemibold';
    color: #212121;
}

.instant-box01 .click-here-btn:after {
    font-family: 'FontAwesome';
    content: '\f178';
    color: #29d0a1;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    margin: 0 0 0 10px;
    vertical-align: top;
}

.home-our-box012 h3 {
    color: #212121;
    font-size: 21px;
    line-height: normal;
    margin: 0 0 14px;
}

.home-our-box012 p {
    color: #212121;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 20px;
}

.tuotteita-box {
    max-width: 1440px;
    margin: 0 auto;
    padding: 77px 0 72px;
}
.tuotteita-box h3 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 51px;
}
.tuotteita-inner ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.tuotteita-inner ul li {
    padding: 0 18px;
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 27px;
    color: #212121;
    text-decoration: none;
    text-align: center;
}
.tuotteita-inner .tuo-img-box {
    border:#bcbcbc solid 1px;
}
.tuotteita-inner h2 {
    margin: 20px 0 0 0;
}
.tuotteita-inner h2 a {
    color: #212121;
    font-size: 21px;
    line-height: normal;
    text-decoration: none;
    font-family: 'latosemibold';
}
.tuotteita-inner p {
    font-size: 16px;
    line-height: 27px;
    color: #212121;
    margin: 10px 0 0 0;
}

.what-we-dobx { 
    background: #f6f6f6; 
    padding: 69px 0 98px;
    text-align: center;
}
.what-we-dobx h3 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 17px;
    line-height: normal;
}
.what-we-dobx p {
    font-size: 16px;
    line-height: 27px;
    color: #212121;
    margin: 10px auto 52px;
    max-width: 770px;
}
.what-video-box {
    margin: 0 auto;
    max-width: 993px;
}

.what-video-box .slick-prev,
.what-video-box .slick-next { background: #29d0a1; width: 86px; height: 368px; border: 0; border-radius: 0; z-index: 1; }

.what-video-box .slick-prev { left: -86px; }
.what-video-box .slick-next { right: -86px; }

.what-video-box .slick-next:before, 
.what-video-box .slick-prev:before {
    font-size: 80px;
    font-weight: normal;
}

.testimonials-box {
    background: #29d0a1;
    padding: 122px 0;
}

.home-testimonials {
    max-width: 1040px;
    margin: 0 auto;
}

.home-testimonials .slick-slide {
    padding: 20px;
}

.profile-img {
    width: 210px;
    height: 210px;
    border-radius: 100px;
    overflow: hidden;
    border: #fff solid 3px;
    box-sizing: border-box;
    box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.19);
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}

.testi-text-box {
    width: calc(100% - 290px);
    display: inline-block;
    vertical-align: top;
    padding: 28px 0 0 75px;
    background: url(../images/double-quotes.png) no-repeat 42px top;
}

.testi-text-box h3 {
    font-size: 24px;
    color: #212121;
    font-family: 'latomedium';
    line-height: normal;
    margin: 0 0 12px;
    font-style: italic;
    font-weight: normal;
}

.testi-text-box p {
    color: #646464;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    margin-bottom: 10px;
}

.testi-text-box p em {
    color: #212121;
    font-style: italic;
    font-size: 18px;
}

.home-testimonials .slick-next {
    right: -80px;
    border: 0;
}

.home-testimonials .slick-prev {
    left: -80px;
    border: 0;
}

.home-testimonials .slick-next:before, 
.home-testimonials .slick-prev:before {
    font-size: 54px;
    font-weight: normal;
    color: #21a681;
}

.cms-home-new .columns .column.main { padding-bottom: 0;}
.cms-home .columns .column.main { padding-bottom: 0;}

.footer-newsletter {
    padding: 86px 0 98px;
    background: #fff;
    text-align: center;
}

.footer-newsletter h3 {
    font-size: 24px;
    color: #212121;
    font-family: 'latomedium';
    line-height: normal;
    margin: 0 0 12px;
}

.footer-newsletter p {
    color: #646464;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    margin: 0 auto 34px;
    max-width: 730px;
    padding: 0 20px;
}

.footer-newsletter .content-box {
    padding: 0 15px;
    margin: 0 auto;
    max-width: 510px;
}

.content-box .form.subscribe {
    display: flex;
    text-align: left;
}

.content-box .field.newsletter {
    width: 100%;
}

.content-box .field.newsletter input {
    width: 100%;
    border:#9e9e9e solid 1px;
    height: 50px;
    padding: 0 19px;
    color: #212121;
    font-size: 16px;
    line-height: 48px;
}

.content-box .actions {
    min-width: 135px;
    margin: -5px 0 0 -1px;
}

.content-box .action.subscribe {
    width: 100%;
    height: 61px;
    background: #29d0a1;
    color: #212121;
    font-size: 21px;
    font-family: 'latobold';
    line-height: 60px;
    border-radius: 4px;
    border: 0;
    padding: 0;
}
.content-box .action.subscribe:hover {
    background: #000;
    color: #fff;
}

/*features section starts*/
.feature_img {
    width: 450px;
    height: auto;
}
.feature_desc {
    margin-left: 25px;
}
.feature_desc img {
    width: 18px;
}
/*about section starts*/
.about_img {
    width: 160px;
}
.feature_desc a i {
    color: #4ccfa1;
}
/*product section starts*/
.prod_img {
    border: 1px solid #dcdcdc;
    height: 400px;
    width: auto;
    align-items: center;
    display: flex;
    justify-content: center;
}
.multiple-products .slick-slide {
    margin: 0 20px;
}
/*video section starts*/
.video-width {
    width: 760px;
    margin: auto;
}
.single_video {
    text-align: center;
    /*height: 410px;*/
    width: auto;
}
.single_video video {
    height: 100%;
    width: 100%;
    position: relative;
}
.video_play {
    top: 0;
    bottom: 0;
    left: 28%;
    right: 28%;
    content: '';
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100px;
    width: 100px;
    margin: auto;
}
.multiple-videos .slick-arrow {
    background: #29cfa1;
    height: 70%;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}
.multiple-videos .slick-arrow img {
    width: 20px;
    height: auto;
}
.multiple-videos .slick-prev {
    left: -10.3%;
}
.multiple-videos .slick-next {
    right: -10.3%;
}
/*.slick-prev:before, .slick-next:before{
content: '';
background-image: url('/images/dark-arrow.png');
}*/
.previous{
    background-image: url('../images/dark-arrow.png');    
}
.multiple-videos .slick-arrow.a-right img, .multiple-testimonals .slick-arrow.a-right img{
    transform: rotate(180deg);
}
/*testimonial section starts*/
.testimonial_slider {
    width: 60%;
    margin: 0 auto;
}
.testimonial_img img {
    box-shadow: 0 3px 18px #9e9e9e;
    height: auto;
    width: 350px;
    border: 2px solid white;
    border-radius: 50%;
}
.testimonial_slider .quote_img {
    top: 0px;
    left: -30px;
}
/*quotes section starts*/
/*.quote_form {
display: flex;
justify-content: center;
width: 30% !important;
margin: 0 auto;
}*/
.slick-next::before{
    content: "\f105";
    font-family: FontAwesome;
}
.slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
}
/*button:hover, button:focus{
border: unset ;
}*/
.slick-next:before, .slick-prev:before{
    font-size: 30px;
}
.quote_form input {
    height: 42px;
}




@media(max-width:1440px){
    .multiple-videos .slick-prev {
    left: 145px;
}
.multiple-videos .slick-next {
    right: 145px;
}
}
@media(max-width:991px){
    .container-lg {
    max-width: 980px;
}
.section_padding {
    padding: 40px 0px;
}
.multiple-videos .slick-prev{
    left: -80px;
}
.multiple-videos .slick-next {
    right: -80px;
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar-toggler-icon::before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 20px;
}
button.navbar-toggler {
    background: #4dd0a2;
    color: #fff;
    line-height: 20px;
    padding: 10px;
    border: unset;
}
.custom-header-menu{
    justify-content: space-between;
    flex-direction: row;
    margin-top: 20px;
    align-items: center;
}
.custom-header-menu.navbar-nav li{
    flex-direction: column;
}
a.nav-link.btn.lined-btn{
    display: block;
    padding: 2px 15px;
    background: #fff;
}
.footer.content {
    padding: 30px 0px 50px;
}
}
@media(max-width:800px){
    .multiple-videos .slick-arrow {
    background: unset; 
    height: unset; 
    width: unset;
}
.multiple-videos .slick-prev {
    left: 20px;
}
.multiple-videos .slick-next {
    right: 20px;
}
.single_about.px-5.py-5 {
    padding: 1rem !important;
}
.about_img {
    width: 270px;
} 
.panel.header {
    flex-direction: column;
}
.navbar.custom-navbar, .custom-menu-right {
    width: 100%;
    justify-content: center;
}
.custom-menu-right{
    margin-top: 15px;
    padding-top: 15px;
}
.video-width {
    width: 100%;
}
}

@media screen and (max-width: 1380px) {
    .homebanner-content-inner {
    padding: 0 20px;
}
}

@media screen and (max-width: 1260px) {
    .what-video-box .slick-next {
    right: 0
}
.what-video-box .slick-prev {
    left: 0;
}
.home-testimonials .slick-prev {
    left: 0;
}

.home-testimonials .slick-next {
    right: 0;
}
.homebanner-content h3 {
    font-size: 32px;
}
.homebanner-content p {
    font-size: 18px;
    line-height: 28px;
}
}

@media screen and (max-width: 1160px) {
    .panel.header { padding: 5px 15px !important; }
.custom-menu-right { padding-right: 35px; }
.what-video-box .slick-prev, .what-video-box .slick-next {
    width: 72px;
    height: 72px;
}
.what-video-box .slick-next:before, 
.what-video-box .slick-prev:before {
    font-size: 48px;
    line-height: 48px;
}
.testimonials-box { padding: 60px 0; }
.home-testimonials .slick-slide {
    padding: 20px 60px;
}
.home-testimonials .slick-prev {
    left: 20px;
}
.home-testimonials .slick-next {
    right: 25px;
}
.what-we-dobx {
    padding: 68px 0 72px;
}
}

@media screen and (max-width: 1023px) {
    .custom-menu-right {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 4px;
}
.homebanner-content p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px;
}
.homebanner-content h3 {
    font-size: 24px;
    margin: 0 0 12px;
}
.homebanner-content .get-quote-btn {
    padding: 0 24px;
    font-size: 18px;
    line-height: 48px;
    border-radius: 4px;
}
.home-print-box {
    display: block;
    padding: 70px 20px;
}
.home-print-box .home-print-left, 
.home-print-box .home-print-right {
    width: 100%;
    padding: 0;
    display: table;
}
.home-print-box .home-print-left {
    margin-bottom: 40px;
}
.home-our-box01 {
    padding: 60px 20px;
}
.home-our-box012 {
    display: block;
}
.home-our-box012 {
    padding: 40px 0 0;
}
.home-our-box012 .home-instant-left, 
.home-our-box012 .home-instant-right {
    width: 100%;
}
.tuotteita-box {
    padding: 60px 10px;
}
.tuotteita-box h3 {margin: 0 0 36px;}
.tuotteita-inner ul li {
    padding: 0 10px;
}
.tuotteita-inner p {
    font-size: 14px;
    line-height: 24px;
}
.footer-newsletter {
    padding: 70px 0 80px;
}
.testi-text-box {
    width: calc(100% - 220px);
}
}

@media screen and (max-width: 990px) {
    .header-menu .navbar-nav .dropdown-menu {
    position: absolute;
}

.custom-header-menu.navbar-nav li .dropdown-toggle:after { right: -8px; top: 2px; }

.homebanner-content-inner {
    left: 0;
    width: 100%;
    top: inherit;
    bottom: -80px;
}
}

@media screen and (max-width: 767px) {
    .panel.header {
    padding: 5px 10px !important;
}
.panel.wrapper li a {
    font-size: 12px;
}
.panel.wrapper .left-ul li {
    padding: 0px 8px;
}
.panel.wrapper .left-ul li:after {
    font-size: 12px;
    top: 2px;
}
.homebanner-content-inner {
    bottom: -50px;
}
.homebanner-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
}
.homebanner-content p {
    font-size: 14px;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    margin: 0 0 20px;
}
.homebanner-content p:last-child {
    margin: 0;
}
.homebanner-content .get-quote-btn {
    padding: 0 20px;
    font-size: 15px;
    line-height: 38px;
    border-radius: 3px;
}
.home-print-box {
    padding: 50px 20px 40px;
}
.home-print-box .home-print-left img, 
.home-print-box .home-print-right img {
    max-width: 150px;
}
.home-our-box01 {
    padding: 50px 20px 40px 20px;
}
.home-our-box012 .home-instant-left, 
.home-our-box012 .home-instant-right {
    padding: 0;
}
.home-our-box012 .home-instant-left {
    margin-bottom: 30px;
}
.home-our-box012 h3 {
    margin: 0 0 10px;
    font-size: 18px;
}
.home-our-box012 p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
}
.tuotteita-box h3 {
    font-size: 24px;
    margin-bottom: 30px;
}

.tuotteita-inner h2 {
    margin: 10px 0 0 0;
}
.tuotteita-inner h2 a {
    font-size: 18px;
}
.tuotteita-inner p {
    height: 74px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
}
.tuotteita-inner ul li {
    width: 50%;
    margin-bottom: 20px;
}
.home-print-box .home-print-left, 
.home-print-box .home-print-right {
    display: block;
    text-align: center;
}

.home-print-box h3 {
    font-size: 24px;
}

.home-print-box .home-print-left img, 
.home-print-box .home-print-right img {
    margin: 0 0 30px;
    float: none;
}
.testimonials-box {
    padding: 50px 0 35px 0;
}
.testi-text-box {
    padding: 40px 0 0;
    width: 100%;
}
.tuotteita-box {
    padding: 50px 10px 40px;
}
.profile-img {
    margin: 0 auto;
    display: block;
}
.what-we-dobx {
    padding: 48px 0 62px;
}
.what-we-dobx p {
    margin: 10px auto 30px;
}
.home-our-box011 h3 {
    font-size: 24px;
}
.what-video-box .slick-prev,
.what-video-box .slick-next { width: 40px; height: 44px; }

.what-video-box .slick-next:before, 
.what-video-box .slick-prev:before {
    font-size: 32px;
    line-height: 40px;
}

.footer-newsletter .content-box {
    padding: 0 20px;
}
.page-footer {
    margin-top: 0;
}
.footer-newsletter {
    padding: 60px 0 70px;
}
}

@media(max-width:767px){
    .main-header { padding: 15px 0; }
.main-header .container { padding-left: 0; padding-right: 0; }
.custom-menu-right li { padding: 0px 10px 0px 15px; }
.header-menu button.navbar-toggler { margin-right: 15px; }
.header-menu a.navbar-brand { margin-left: 15px; }

.custom-header-menu.navbar-nav li {
    height: auto;
    width: 100%;
    display: block;
    margin: 0 !important;
    padding: 0 15px;
    border-top: #ebebeb solid 1px;
}
.custom-header-menu.navbar-nav li a { line-height: 38px; font-size: 16px; }
.custom-header-menu.navbar-nav li:last-child { padding-right: 15px; }
a.nav-link.btn.lined-btn { margin: 10px 0 14px 0; }
.header-menu .navbar-collapse,
.header-menu .navbar-collapse.show {
    position: absolute;
    width: 100%;
    top: 55px;
    z-index: 2;
    background: #fff;
    left: 0;
    box-shadow: 2px 3px 12px 0 rgba(0,0,0,0.19);
}
.header-menu .navbar-nav .dropdown-menu {
    position: relative;
    padding: 0 0 10px 10px;
    margin: 0;
    border: 0;
}
.header-menu .navbar-nav .dropdown-menu a { padding: 0; font-size: 14px; color: #4ccfa1; line-height: 32px; }
.custom-header-menu { margin-top: 0; }
.custom-header-menu.navbar-nav li .dropdown-toggle:after { right: 20px; top: 0; font-size: 18px; }

.minicart-wrapper .block-minicart { right: -6px; }
.panel.wrapper .custom-menu-right li a { font-size: 0; }
.minicart-wrapper .action.showcart { width: 30px; text-align: center; }
.custom-menu-right li a:before { font-size: 16px; top: -1px; position: relative; left: 0; }
.minicart-wrapper .action.showcart:before { font-size: 17px !important; }
a.navbar-brand img {
    width: 240px;
}
.block-search {margin-top: 0; width: 100%;}
.page-header {
    border-bottom: unset; 
    margin-bottom: unset; 
}
.banner {
    text-align: center;
}
.single_about{
    flex-direction: column;
    text-align: center;
}
.single_testimonial{
    flex-direction: column;
}
.testimonial_img img{
    width: 120px;
}
.single_about {
    margin: 30px 0px;
}
.custom-header-menu {
    flex-direction: column;
    align-items: flex-start;
}
.custom-header-menu li {
    margin: 6px 0px !important;
}
.block-search .control{
    border-top: unset; 
    clear: unset; 
    margin: unset; 
    padding: unset; 
}
.block-search .minisearch .label:before{
    font-size: 16px;
}
.field.search{
    position: relative;
} 
.block-search .label{
    position: absolute;
    right: 0;
}
.block-search input{
    position: relative;
    left: unset; 
    margin: unset;
}
.minicart-wrapper {
    margin-top: unset;
}
.custom-menu-right{
    margin-top: 12px;
    padding: 0 0 8px;
}
.header_banner{
    height: auto;
    padding: 50px 0px;
}
.home-our-box012 .home-instant-left img, .home-our-box012 .home-instant-right img {
    width: 60px;
}
.home-our-box012 .instant-box01 {
    width: calc(100% - 100px);
}
}

@media(max-width:480px){

    .banner_content{
    width: 100%;
    padding: unset;
    text-align: center;
}
.single_about {
    margin-bottom: 20px;
}
.quote_form .wrap-form.d-flex {
    flex-direction: column;
    justify-content: center;
}
.single_first {
    margin-bottom: 30px;
}
}

@media(max-width:400px){
    .panel.wrapper .left-ul li {
    padding: 0px 6px;
}
.panel.wrapper li a {
    font-size: 11px;
}
}

/* 11.44 07/04/2021 */
.nav-sections-item-content{
    background:#f2f2f2;

}
.navigation{
    background:#f2f2f2;
    color: #19449c;
}
.navigation .level0>.level-top{
    color: #0032aa;
}

.logo{
    float: none;
}
.logo img {
    max-height: inherit;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    height: 42px;
    width: auto;
    float: none;
}

/* .block-search { */
/* padding-left: 15px; */
/* position: relative; */
/* width: 250px; */
/* z-index: 4; */
/* left: 50%; */

/* } */
/* .categorie-item{ */
/* color: #FFF; */

/* } */

.block-search {
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 500px;
    height: 50px;
    margin-top: 25px;
}
.block-search .block-content {
    margin-bottom: 0;
    border: #19449c;
    border-style: solid;
    border-radius: 15px;
    /* border-top-left-radius: 30px; */
    /* border-bottom-left-radius: 30px; */
    margin-right: -5px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
.category-forklift-parts-finder li.am-item,.cms-partfinder li.am-item{
    float: left;
    /* padding: 15px 10px 40px 15px; */
    width: 100% !important;
}
.category-forklift-parts-finder ul.amfinder-toggle,.cms-partfinder ul.amfinder-toggle{
    /* padding:0;    */
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end; /* Align items at the bottom */
    justify-content: flex-end;
}
.category-forklift-parts-finder .dropdown-title,.cms-partfinder .dropdown-title{
    /* padding: 10px 0; */
    font-size: 14px;
    font-weight: bold;
}
li.am-item select{
    font-size: 12px;
} 
.category-forklift-parts-finder .amfinder-title,.cms-partfinder .amfinder-title{
    display: none;
}
@media(max-width: 900px){
    .category-forklift-parts-finder li.am-item,.cms-partfinder li.am-item{
    /* padding: 10px 15px 10px 15px; */
    padding-block: 10px;
    clear: both;
    width: 100% !important;
    margin: 0;
    float: none; 
    
}
.category-forklift-parts-finder ul.amfinder-toggle,
.cms-partfinder ul.amfinder-toggle {
    display: block; /* Make the dropdown list vertical */
    border: 1px solid #ccc;
}
.category-forklift-parts-finder .amfinder-common-wrapper li.last,.cms-partfinder .amfinder-common-wrapper li.last{
    padding-right: 4%;
}
}
.category-forklift-parts-finder .amfinder-common-wrapper.amfinder-horizontal,
.cms-partfinder .amfinder-common-wrapper.amfinder-horizontal
{
    overflow: hidden; 
    background: #fafafa;
} 

.category-forklift-parts-finder li.last .amfinder-buttons,
.cms-partfinder li.last .amfinder-buttons
{
    overflow: hidden;
    display: flex;
    justify-content: flex-start; /* Align buttons to the left */
    margin-top: 10px; /* Space between dropdowns and buttons */
    /* padding: 0 0 20px 20px; */
}

.category-forklift-parts-finder .amfinder-buttons button,
.cms-partfinder .amfinder-buttons button {
    margin-right: 10px; /* Add space between buttons */
}

.category-forklift-parts-finder .amfinder-common-wrapper li.last,
.cms-partfinder .amfinder-common-wrapper li.last
{
    /* float: right;
    padding-right: 5%; */
    clear: both;
    padding: 0 0 20px 20px;
}

.minicart-wrapper .action.showcart .text { display: none; }

.custom-footer-links {
    padding-bottom: 20px;
    padding-top: 20px;
}



body {
    font-size: 14px;
}

.widget.block.block-static-block { margin-bottom: 0; }
.widget.block.block-static-block .navigation { box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
.custom-footer-links .container-lg { max-width: 1280px; padding-left: 20px; padding-right: 20px; }
.custom-footer-links .container-lg .row{
    display: flex;
    flex-wrap: wrap;
}


.filter .block-subtitle { padding-left: 0; }
.filter-options-title { padding-left: 0; }
.filter-options-content {padding: 10px 0;}
.filter-options-content a {word-break: break-all;}

.page-products .page-main>.page-title-wrapper .page-title {margin-bottom: 10px;margin-top: 10px;}
.search input { font-size: 20px; }
.block-minicart .subtitle.empty{
    color: #757575;
}

.page-header .panel.wrapper .block-minicart{
    color: #212121
}

.product-info-main .product-reviews-summary { float: none; }

.minicart-wrapper .action.showcart span:hover { color: #000; }

.search input { background: transparent; }
.search input:focus { background: transparent; }

/*.category-forklift-parts-finder .columns { display: none; }*/
.category-forklift-parts-finder .page-title-wrapper { display: none; }

.cms-partfinder ul.amfinder-toggle li.last.-list-item {
    clear: both;
    padding: 0 0 20px 20px;
}



@media(min-width: 1110px){
    .navigation .level0 {margin: 0 24px 0 0;}
.navigation .level0.parent>.level-top { padding-right: 20px;}
}

@media(min-width: 992px){
    .col-lg-3.col-sm-6.first-footer-menu {
    max-width: 32%;
    flex: 0 0 32%;
}
.col-lg-3.col-sm-6.second-footer-menu {
    flex: 0 0 27%;
    max-width: 27%;
}
.col-lg-3.col-sm-6.three-footer-menu {
    flex: 0 0 22%;
    max-width: 22%;
}
.col-lg-3.col-sm-6.four-footer-menu {
    flex: 0 0 16%;
    max-width: 16%;
}
}

@media(min-width: 768px){
    .page-wrapper {box-shadow: 0 4px 6px rgba(0,0,0,0.2);max-width: 1280px;margin: 0 auto; }
.header.panel>.header.links { float: left; }
.minicart-wrapper { float: right; }
.header.panel>.header.links>li {margin: 0 15px 0 0;}
.header.panel>.header.links>li.welcome, 
.header.panel>.header.links>li>a { line-height: 1.8; }
.header.content { padding: 20px 20px 4px;}
.page-products .product-item-info {box-sizing: content-box;}
.page-layout-1column .product.media { width: 48%; }
.page-layout-1column .product-info-main { width: 48%; padding-top: 20px; }
.product.data.items>.item.title>.switch { height: 43px; }

.block-static-block .navigation .level0.parent>.level-top>.ui-menu-icon:after {
    font-size: 12px;
    line-height: 20px;
    color: inherit;
    content: '\e622';
    font-family: 'luma-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
}

.block-static-block .navigation .level0.parent>.level-top>.ui-menu-icon { font-size: 0; }


}

@media(max-width: 767px){
    .nav-toggle { top: 22px; }
.logo img { width: 250px; height: auto; }
.block-search {width: 100%;}
.custom-footer-links h3 {margin-bottom: 15px}
.custom-footer-links .col-lg-3.col-sm-6 {margin-bottom: 40px;}
.block-search input { font-size: 18px; padding: 7px 30px 7px 14px; }
.block-search .block-content {margin-right: 0;}
.div-home-main p { padding-left: 15px; padding-right: 15px; }
.minicart-wrapper { margin-top: 33px; z-index: 1; }
.minicart-wrapper .action.showcart:before { font-size: 20px !important; color: #333 !important; }
.minicart-wrapper .block-minicart { right: 0; width: 300px; }
.filter .filter-current { margin: 5px 0 0;}
.block-static-block .navigation .submenu { background: #fff; }
}


@media only screen and (max-width: 639px){
    .product-info-price {
    margin: 0 !important;
    width: 100% !important;
}
}
.category-forklift-parts-finder.catalog-product-view .columns{
    display: block;
}
.products .product-item .price-box{
    margin: 10px 0 10px;
}


.header-bottom-block li.item.link.compare  { 
    list-style: none; 
}

.header-bottom-block li.item.link.compare a {
    color: #fff;
    display: block;
    line-height: 2;
}

.header-bottom-block li.item.link.compare a:hover { 
    color: #fff !important; 
    text-decoration: underline; 
}

.header.panel>.header.links>.authorization-link:after { 
    display: none; 
}

@media only screen and (min-width: 768px){
    .header-top-block {
    display: flex;
    width: 100%;
    background: #f2f2f2;
    justify-content: space-between;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    position: relative;
}

.header-top-block .navigation {
    background: #f2f2f2;
    color: #19449c;
    float: left;
    width: auto;
    margin: 0;
}

.page-header .panel.header {
    max-width: 100%;
    float: right;
    margin: 0;
    padding: 10px 0 !important;
}

.navigation .level0.parent>.level-top>.ui-menu-icon { 
    font-size: 0; 
}

.header.panel>.header.links>li {
    color: #0032aa;
}

.header.panel>.header.links>li>a { 
    color: #0032aa !important;
}

.header.panel>.header.links>li>a:hover { 
    color: #4ccfa1 !important;
}

.header-bottom-block {
    background: #4dd0a2;
    display: flex; 
    justify-content: flex-end; 
    padding: 5px 20px; 
    border-bottom: 1px solid #e8e8e8;
}
}


@media screen and (max-width: 900px) and (min-width: 768px) {
    .header-top-block .navigation .level0 {
    margin: 0;
}

.header-top-block .navigation .level0.parent>.level-top {
    padding-right: 15px;
    padding-left: 10px;
}
}

@media only screen and (max-width: 767px){
    .minicart-wrapper {
    margin-top: 38px;
    z-index: 6;
    margin-right: 20px;
}

.header-bottom-block {
    border-bottom: #4dd0a2 solid 10px;
}

.header-bottom-block li.item.link.compare {
    display: none;
}

.header-top-block .navigation .submenu:not(:first-child) { 
    display: none; 
}

.header-top-block .panel.header {
    padding: 0 !important;
}
}

.cms-ota-yhteytta.cms-page-view .page-title-wrapper { text-align: center; }
.cms-ota-yhteytta.cms-page-view .page-main {
    background: #f2f2f2;
    padding: 30px 30px 0;
    margin: 10px 20px 20px;
    max-width: 100%;
    width: auto;
}

.cms-ota-yhteytta.cms-page-view .column.main input[type="tel"],
.cms-ota-yhteytta.cms-page-view .column.main input[type="email"],
.cms-ota-yhteytta.cms-page-view .column.main input[type="text"] {
    border: 1px solid #dedede;
    background: #fffefe;
    height: 40px;
}
.cms-ota-yhteytta.cms-page-view .column.main textarea {
    border: 1px solid #dedede;
    background: #fffefe;
    height: 180px;
}

.cms-ota-yhteytta.cms-page-view .fieldset>.field>.label, 
.cms-ota-yhteytta.cms-page-view .fieldset>.fields>.field>.label { font-size: 17px; color: #666; font-weight: 300; }
.cms-ota-yhteytta.cms-page-view .fieldset { margin-bottom: 20px; }
.cms-ota-yhteytta.cms-page-view .form_text {font-size: 17px; color: #666; font-weight: 300;}
.cms-ota-yhteytta.cms-page-view .action.submit.primary { font-weight: 700; text-transform: uppercase; color: #fff; background: #444; font-size: 15px; border: #444 solid 1px; }
.cms-ota-yhteytta.cms-page-view .action.submit.primary:hover { background: #333; border: #333 solid 1px; } 

.checkout-index-index .header-bottom-block,
.checkout-index-index .header-top-block {
    display: none;
}

@media only screen and (max-width: 767px){
    .cms-ota-yhteytta.cms-page-view .page-main {padding: 30px 20px 10px; margin: 0;}
.cms-ota-yhteytta.cms-page-view .fieldset>.field>.label, 
.cms-ota-yhteytta.cms-page-view .fieldset>.fields>.field>.label {
    font-size: 16px;
}
.cms-ota-yhteytta.cms-page-view .form_text {font-size: 16px;}

.header-top-block .navigation .ui-menu-icon.ui-icon {
    display: none;
}
}


.mst-searchautocomplete__autocomplete {
    background: #fff;
    display: none;
    overflow: hidden;
    border-radius: 0 0 12px 12px;
    text-align: left;
    padding: 10px 12px 10px;
}

.mst-searchautocomplete__autocomplete._active {
    display: block;
}

.mst-searchautocomplete__close {
    position: absolute;
    right: 7px;
    top: 6px;
    background: #19449c;
    border-radius: 100px;
    width: 24px;
    height: 24px;
    z-index: 11;
    line-height: 24px;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.mst-searchautocomplete__close:hover {
    background: #42d0a1;
}
.mst-searchautocomplete__autocomplete ul {
    margin: 0;
    padding: 0;
}
.mst-searchautocomplete__autocomplete ul li {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: #eee solid 1px;
    display: flex;
}
.mst-searchautocomplete__autocomplete ul li > a {
    width: 90px;
    display: inline-block;
}

.mst-searchautocomplete__autocomplete ul li .mst-product-image-wrapper img {
    max-width: 80px;
}

.mst-searchautocomplete__autocomplete ul li .meta {
    display: inline-block;
    width: calc(100% - 215px);
}
.mst-searchautocomplete__autocomplete ul li .meta .title {
    line-height: normal;
}
.mst-searchautocomplete__autocomplete ul li .meta .title a {color: #0032aa;}
.mst-searchautocomplete__autocomplete ul li .store {
    display: inline-block;
    float: right;
    margin-top: 10px;
    text-align: right;
    width: 120px;
}

.mst-searchautocomplete__autocomplete ul li .description {
    font-size: 14px;
}

.mst-searchautocomplete__index-title {
    text-align: center;
    margin: 0 0 10px;
    background: #f2f2f2;
    line-height: normal;
    padding: 4px 0 6px;
}
.mst-searchautocomplete__show-all {
    text-align: center;
}
.mst-searchautocomplete__show-all a {
    color: #fff;
    display: block;
    background: #19449c;
}
.mst-searchautocomplete__show-all a:hover {
    background: #42d0a1;
}
.mst-searchautocomplete__autocomplete ul li .mst-searchautocomplete__highlight {color: #42d0a1;}
.mst-searchautocomplete__show-all a span {
    color: #fff;
    display: block;
    position: relative;
    top: 0;
    line-height: normal;
    padding: 8px;
}

.page-wrapper .nav-top-links{
    background: #f2f2f2;
    margin-bottom: 20px;   
}
.page-wrapper .nav-top-links ul li{
    float: left;
    padding: 10px 10px 0px 10px;   
}
.page-wrapper .nav-top-links ul li a{
    vertical-align: middle;
    color: #0032aa;
    font-weight: 700; 
    text-transform: uppercase;
    font-size: 16px;  
}
.logo {
    z-index: 2;
}